<template>
	<view>
		<view class="ffffff flexcenter">
			<u-tabs :list="list1" lineColor="#2361FF" @click="changetab" :current="current" :activeStyle="{
				    color: '#333333',
				    fontWeight: 'bold',
				    transform: 'scale(1.05)'
				}" :inactiveStyle="{
				            color: '#999999',
							fontWeight: '500',
				            transform: 'scale(1)'
				        }" itemStyle="padding-left: 20px; padding-right: 20px; height: 44px;"></u-tabs>
		</view>
		<view class="mainpadding2">
			<view class="yhbjt margin_top" v-for="item in 30">
				<view class="flexbetween">
					<view class="fonweight xiaohong" style="font-size: 45rpx;">8.5
						<text class="strongtext xiaohong fonweight">折</text>
					</view>
					<view class="flexbetween" style="width: 74%;">
						<view class="">
							<view class="flexleft">
								<view class="xhbtn flexcenter margin_right1">折扣券</view>
								<view class="ershiba fonweight">新人折扣券</view>
							</view>
							<view class="xiaohui strongtext margin_top2">2023.10.11-2023.10.15</view>
						</view>
						<view class="">
							<view class="honbtn flexcenter">使用</view>
							<!-- <image class="ysyb" src="../static/image/system/ysy.png" mode=""></image> -->
						</view>
					</view>
				</view>
				<view class="smalltext xiaohui margin_top4">全平台可以，可用于某某某...</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list1: [{
						name: '全部',
						value: "",
					},
					{
						name: '未使用',
						value: 0,
					}, {
						name: '已使用',
						value: 1,
					},
					{
						name: '已失效',
						value: 2,
					}
				],
				current: 0,
				resultcode: "",
			}
		},
		methods: {
			changetab(e) {
				console.log(e, 999)
				this.resultcode = e.value
			},
		}
	}
</script>

<style lang="scss" scoped>
	.ysyb {
		width: 80rpx;
		height: 80rpx;
	}

	.honbtn {
		width: 120rpx;
		height: 48rpx;
		background: #FF0000;
		border-radius: 25rpx 25rpx 25rpx 25rpx;
		font-size: 24rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		color: #FFFFFF;
	}

	.yhbjt {
		padding: 36rpx 32rpx 10rpx 35rpx;
		background-size: 100% 100%;
		background-image: url('@/static/image/system/yhq.png');
	}
</style>